<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒模型--边框</title>
		<style type="text/css">
			.box {
				margin: 200px auto;
				height: 200px;
				width: 200px;
				/* border: 1px solid #000000; */
				/* border-style: dotted; */
				/* border-style: dashed; */
			/* 	border-top-style: double;
				border-width: 3px;
				border-color: #000000; */
				/* border: 3px; */
				/* border-top:3px solid #00FF00;
				border-left: 3px dotted #0077AA;
				border-bottom: 3px dashed  #990055;
				border-right: 3px double #EE9900; */
				/* border-radius: 30px; */
				border: 3px solid #000000;
				/* border-radius: 40%; */
				/* border-radius:10px 60px; */
				border-radius: 60px 20px 20px 20px ;
			}
		</style>
	</head>
	<body>
		<!-- 边框
		 边框样式： border-style:solid ; 实线 dotted（点状线）dashed (虚线) double(双线)
		 边框宽度： border-width: 1px;
		 边框颜色： border-color:
		 如果只设置一个样式，默认是黑色的边框，宽度3.3333px
		 border-top:3px solid #00FF00;
		 border-left: 3px dotted #0077AA;
		 border-bottom: 3px dashed  #990055;
		 border-right: 3px double #EE9900;
		 border: 3px solid #00FF00;
		 -->
		 <div class="box"></div>
	</body>
</html>
